<template>
    <div>
        <h2>房号显示</h2>
        <table>
            <tr>
                <td>房号名称<input type="text"><button class="btn btn-primary">查询</button></td>
            </tr>
        </table>
        <table class="table table-bordered">
            <body>
                <tr class="bg bg-primary">
                    
                    <td>全选</td>
                    <td>房号名称</td>
                    <td>房型</td>
                    <td>房态</td>
                    <td>操作</td>
                </tr>
                <tr>
               
                    <td><input type="checkbox"></td>
                    <td>1110</td>
                    <td>标准间</td>
                    <td>空闲</td>
                    <td><a >上架</a></td>
                </tr>
                <tr>
                
                    <td><input type="checkbox"></td>
                    <td>2654</td>
                    <td>标准间</td>
                    <td>空闲</td>
                    <td><a  color="red">上架</a></td>
                </tr>
                <tr>
                
                <td><input type="checkbox"></td>
                <td>7845</td>
                <td>豪华间</td>
                <td>空闲</td>
                <td><a color="red">上架</a></td>
            </tr>
            </body>
        </table>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>